{% extends "base.html" %}

{% block title %}
Tabela de Aulas
{% endblock title %}

{% block extrahead %}
$(function() {
		$('#botao_busca').addClass('active');
                $( "#id_data_nascimento" ).datepicker({
			changeMonth: true,
			changeYear: true,
                        dateFormat: 'dd/mm/yy',
                        yearRange: '1900:2011'
		});

	});

{% endblock extrahead %}

{% block content %}
			<div class="box-header clear">
				<h2>Lista de aulas no período selecionado</h2>
			</div>
				
			<div class="box-wrap clear">
					
			<!-- DATA-TABLE JS PLUGIN -->
			<div id="data-table">
					
						<table class="style1 datatable">
						<thead>
							<tr>
								<th>Data:</th>
								<th>Nome do aluno:</th>
								<th>Local:</th>
								<th>Unidade:</th>
								<th>Valor:</th>
						
							</tr>
						</thead>
						<tbody>
							{% load status_aula %}
							{% for aula in lista_aulas %}
								<tr>
									<td>{{aula.inicio}}</td>
									<td>{% for aluno in aula.aluno.all %} {{aluno.nome}};  {% endfor %}</td>
									<td>{{aula.local}}</td>
									<td>{{aula.local.unidade.nome}}</td>
									<td>{{aula|calculo_aula}}</td>
								</tr>
							{% endfor %}
                                                        
						</tbody>
						</table>
						<h3>Valor total: {{valor_total}}</h3>
						<h5>Desconto a ser aplicado sobre o valor total: </h5>
						<form action="/relatorio_professor/{{prof.id}}/{{data_inicio}}/{{data_final}}/" method="POST" onSubmit="return confirm('Você deseja realmente enviar esses dados?');">
						<input type="text" name="desconto">
						<input type="submit" class="button green size-120">
						</form>
						<div class="tab-footer clear fl">

							
						</div>
					
			</div><!-- /#table -->
					
					
					
			</div><!-- end of box-wrap -->

		

						
{% endblock content %}
